<template>
  <div class="ico" @click="toggle">
    <!-- <img  :src="isFullScreen" alt="">
      -->
    <template v-if="isFullScreen">
      <el-icon ><FullScreen /></el-icon>
      
    </template>
    <template v-else>
      <el-icon ><FullScreen /></el-icon>

    </template>
  </div>
</template>

<script setup>
import {ref, computed } from 'vue'
import useAppStore from '@/store/modules/appStore';


const { toggle } = useAppStore()
const appStore = useAppStore()
const isFullScreen = ref(appStore.isFullScreen)
// const isFullScreen = computed(() =>{ 
//   return appStore.isFullScreen ? '../../assets/images/fullscreen-expand.png' : '../../assets/images/fullscreen-shrink.png' })

  console.log(isFullScreen);
</script>

<style lang='scss' scoped>
.ico {
  z-index: 999;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #6B7785;
  text-align: center;
  line-height: 42px;
  position: absolute;
  right: 20px;
  bottom: 50px;
color: #fff;
  img {
    width:50%;
    height: 50%;
  }
}
</style>